<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html>
<html lang="zh-CN" manifest="/misc/wei_cache_new.manifest">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta name="format-detection" content="telephone=no" />
<title>${singlePage.name }</title>
<link rel="stylesheet" type="text/css" href="${ctxStatic }/shopping/singlePage/FenSeMuBan/css/list.css" />


<c:if test="${ not empty singlePage.color }">
<style type="text/css">
body {
    background: ${singlePage.color};
}
</style>
</c:if>
</head>
<style>

</style>
<body>
<div class="banner">
<c:if test="${singlePage.isCarousel eq '1'  }">
 <img src="${ctxUser }/project/${singlePage.topPic}">
</c:if>
<c:if test="${singlePage.isCarousel eq '0'  }">
 <link href="http://weixin.zhaotang.net/zt/static/site/themes/QiCheFuWu/common.css" media="all" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://weixin.zhaotang.net/zt/static/site/themes/QiCheFuWu/jQuery.js"></script><script type="text/javascript" src="http://weixin.zhaotang.net/zt/static/site/themes/QiCheFuWu/swipe.js"></script>
<div style="-webkit-transform:translate3d(0,0,0);">
	<div class="box_swipe" id="banner_box" style="visibility: visible;">
		<ul class="m_slide">
		<c:forEach items="${pagePicList }" var="singlePagePic" >
				<li>
					<a  href="${empty singlePagePic.url?'#':'singlePagePic.url' }"> <img alt="" src="${ctxUser }/shopping/${singlePagePic.pic }" style="width:100%;height:250px;" /> </a></li>
		</c:forEach>
		</ul>
		<ol>
		<c:forEach items="${pagePicList }" var="singlePagePic" >
			<li>
				&nbsp;</li>
		</c:forEach>
		</ol>
	</div>
</div>
<script>
      $(function(){
          new Swipe(document.getElementById('banner_box'), {
              speed:500,
              auto:3000,
              callback: function(){
                  var lis = $(this.element).next("ol").children();
                  lis.removeClass("on").eq(this.index).addClass("on");
              }
          });
      });
  </script>

</c:if>
</div>
<div class="banner">
  <div class="dyc" style="margin-top:10px" >${singlePage.name }</div>
  <div class="banne">
    <ul class="product"> 
    	<c:forEach items="${productList }" var="product" >
      <c:if test="${product.productType eq '0' }">
      <li> 
	        <a href="${ctxFront }/shopping/product/detailByShopping/${product.id}.html?uid=${uid}&wechatId=${wechatId}"> 
	          <img src="${ctxUser }/product/${product.pic}"> 
	          <span class="bt">${fn:substring(product.name, 0, 9)}</span> 
	           <p class="price">￥${product.price/100 } </p> 
	          <span ><input name="" type="button" value="预定" class="buy"></span> 
	        </a> 
      </li>
      </c:if>
      <c:if test="${product.productType eq '1' }">
  		  <li>
      			<a href="${ctxFront }/shopping/product/detailByTry/${product.id}.html?uid=${uid}&wechatId=${wechatId}"> 
	          <img src="${ctxUser }/product/${product.pic}"> 
	          <span class="bt">${fn:substring(product.name, 0, 9)}</span> 
	           <p class="price">${product.countByTry } 份 </p> 
	          <span ><input name="" type="button" value="免费试用" class="buy"></span> 
	        </a> 
           </li>
      </c:if>
    	</c:forEach>
    </ul>
  </div>
</div>
<!-- 
<div class="banner">
  <input name="" type="button" value="查看全部商品" class="allbtn">
</div>
 -->
<%@ include file="../footer.jsp"%>
</body>
</html>

